<div class="box-body">
  <form class="form-inline">
    <div class="box box-default collapsed-box">
      <div class="form-group col-lg-12 col-md-12 col-sm-12 col-xs-12" style="padding-left:0px;margin-bottom:8px !important;">
        <button type="button" class="btn btn-primary" (click)="gmExportExcel()">
                    <i class="fa fa-sign-out"></i>导出Excel</button>
        <button type="button" class="btn btn-box-tool pull-right" data-widget="collapse">
                        <i class="fa fa-plus"></i></button>
      </div>
      <div class="box-body">
        <div class="form-group" style="margin-top:15px;margin-bottom:10px">
          <label class="control-label text-right">产品名称：</label>
          <input class="form-control" type="text" [(ngModel)]="gmpostBody.sFullName" placeholder="请输入产品名称" name="sFullName">
          <label class="control-label">产品代码：</label>
          <input type="text" class="form-control" id="sFundCode" name="sFundCode" [(ngModel)]="gmpostBody.sFundCode" placeholder="产品代码">
          <label class="control-label">变更注册：</label>
          <select class="form-control" name="sIsRegisterChg" [(ngModel)]="gmpostBody.sIsRegisterChg">
                      <option [value]="''" selected="selected">全部</option>
                      <option [value]="1">是</option>
                      <option [value]="0">否</option>
                    </select>
          <button type="button" class="btn btn-primary" (click)="gmList(1)">
                      <i class="fa fa-search"></i>查询</button>
        </div>
      </div>
    </div>
  </form>

  <div class="box-body" style="padding-left:0px;padding-right:0px;">
    <div style="overflow-x:scroll;width:100%">
      <table id="fixed-table" class="table table-bordered table-hover table-keep-line table-striped" style="table-layout:fixed">
        <thead>
          <tr>
            <th class="width-4">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" [(ngModel)]="gmisCheckedAll" name="gmisCheckedAll" (ngModelChange)="checkedAll()">
                <label></label>
              </div>
            </th>
            <th class="width-9" (click)="orderData('sFundName')">产品简称<i class="fa fa-sort"></i></th>
            <th class="width-9" (click)="orderData('sFundType')">产品类型<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('sInvestStyle')">基金运作方式<i class="fa fa-sort"></i></th>
            <th class="width-9" (click)="orderData('sPmName')">基金经理<i class="fa fa-sort"></i></th>
            <th class="width-11" (click)="orderData('sBank')">托管行<i class="fa fa-sort"></i></th>
            <th class="width-11" (click)="orderData('dBankConfirm')">托管行确定时间<i class="fa fa-sort"></i></th>
            <th class="width-9" (click)="orderData('sInvestScope')">投资范围<i class="fa fa-sort"></i></th>
            <th class="width-9" (click)="orderData('sBenchmark')">业绩基准<i class="fa fa-sort"></i></th>
            <th class="width-9" (click)="orderData('sCreator')">创建人<i class="fa fa-sort"></i></th>
            <th class="width-10" (click)="orderData('dCreateTime')">创建日期<i class="fa fa-sort"></i></th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of gmDataList">
            <td class="width-4">
              <div class="checkbox checkbox-primary">
                <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
                <label></label>
              </div>
            </td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sFullName">{{item.sFundName}}</td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sFundType">{{item.sFundType}}</td>
            <td (dblclick)="gmEdit(item)" class="width-10 short_name" [title]="item.sInvestStyle">{{item.sInvestStyle}}</td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sPmName">{{item.sPmName}}</td>
            <td (dblclick)="gmEdit(item)" class="width-11 short_name" [title]="item.sBank">{{item.sBank}}</td>
            <td (dblclick)="gmEdit(item)" class="width-11 short_name" [title]="item.dBankConfirm">{{item.dBankConfirm}}</td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sInvestScope">{{item.sInvestScope}}</td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sBenchmark">{{item.sBenchmark}}</td>
            <td (dblclick)="gmEdit(item)" class="width-9 short_name" [title]="item.sCreator">{{item.sCreator}}</td>
            <td (dblclick)="gmEdit(item)" class="width-10 short_name" [title]="item.dCreateTime">{{item.dCreateTime}}</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>

  <div class="box-footer clearfix" style="width:100%;">
    <app-pagination [currentPageNum]="gmListPageInfo.currentPageNum" [pagesShow]="" [totalPages]="gmListPageInfo.totalPages"
      (pageChanged)="gmPageNavigation($event)">
      <div class="pull-left pagination-detail" data-pagination-additional="true">
        <span class="pagination-info">
              当前显示第{{gmListPageInfo.startRow}}到第{{gmListPageInfo.endRow}}条，总共{{gmListPageInfo.total}}条，
            </span>
        <span class="page-list">
              每页记录
              <span class="btn-group dropup">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                  <span class="page-size">{{gmListPageInfo.pageSize}}</span>
        <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
          <li *ngFor="let i of gmListPageInfo.pageList" role="menuitem" [class.active]="gmListPageInfo.pageSize === i" (click)="gmSizeChange(i)">
            <a>{{i}}</a>
          </li>
        </ul>
        </span>
        条
        </span>
      </div>
    </app-pagination>
  </div>
</div>